<template>
  <view class="container">
    <view class="header">
      <text class="title">{{ title }}</text>
      <text class="date">更新日期：2025年6月25日</text>
    </view>
    
    <scroll-view class="content-scroll" scroll-y>
      <view class="content">
        <!-- 用户协议内容 -->
        <block v-if="type === 'user'">
          <view class="section">
            <view class="section-title">1. 协议的接受与修改</view>
            <view class="section-content">
              <text class="paragraph">
                欢迎使用"笔记本"应用（以下简称"本应用"）。本应用由笔记本团队（以下简称"我们"）提供。本用户协议（以下简称"本协议"）是您与我们之间关于使用本应用服务所订立的协议。
              </text>
              <text class="paragraph">
                在使用本应用之前，请您务必仔细阅读并理解本协议的全部内容。一旦您开始使用本应用，即表示您已充分理解并接受本协议的全部内容。
              </text>
              <text class="paragraph">
                我们保留在任何时候修改本协议的权利。修改后的协议一经公布即代替原协议生效。如果您不同意修改后的协议，您应当停止使用本应用。
              </text>
            </view>
          </view>
          
          <view class="section">
            <view class="section-title">2. 账号注册与安全</view>
            <view class="section-content">
              <text class="paragraph">
                2.1 您在注册账号时，应当提供真实、准确、完整的个人资料，并及时更新。
              </text>
              <text class="paragraph">
                2.2 您应当妥善保管账号及密码信息，因您保管不善造成的损失由您自行承担。
              </text>
              <text class="paragraph">
                2.3 您的账号仅限您本人使用，不得将账号出借、转让或售卖给他人。
              </text>
              <text class="paragraph">
                2.4 如发现账号存在安全风险，我们有权暂时限制账号的登录及使用。
              </text>
            </view>
          </view>
          
          <view class="section">
            <view class="section-title">3. 用户行为规范</view>
            <view class="section-content">
              <text class="paragraph">
                3.1 您在使用本应用时，必须遵守中华人民共和国相关法律法规。
              </text>
              <text class="paragraph">
                3.2 您不得利用本应用从事任何违法或不当的活动，包括但不限于：
              </text>
              <text class="paragraph">
                (1) 发布、传播含有违反国家法律法规的信息；
              </text>
              <text class="paragraph">
                (2) 侵犯他人知识产权、商业秘密等合法权益；
              </text>
              <text class="paragraph">
                (3) 干扰本应用的正常运行，或对服务器和网络造成不合理的负担；
              </text>
              <text class="paragraph">
                (4) 其他违反法律法规、社会公德或损害他人合法权益的行为。
              </text>
            </view>
          </view>
          
          <view class="section">
            <view class="section-title">4. 知识产权</view>
            <view class="section-content">
              <text class="paragraph">
                4.1 本应用的所有权、运营权和知识产权均归我们所有。
              </text>
              <text class="paragraph">
                4.2 未经我们明确书面许可，您不得以任何形式复制、修改、传播或使用本应用中的任何内容。
              </text>
            </view>
          </view>
          
          <view class="section">
            <view class="section-title">5. 免责声明</view>
            <view class="section-content">
              <text class="paragraph">
                5.1 我们尽力确保本应用的安全、稳定运行，但不对因不可抗力、第三方服务或其他非我们可控因素导致的服务中断或数据丢失承担责任。
              </text>
              <text class="paragraph">
                5.2 您通过本应用发布的内容由您自行负责，我们不对您发布的内容承担任何法律责任。
              </text>
            </view>
          </view>
          
          <view class="section">
            <view class="section-title">6. 协议终止</view>
            <view class="section-content">
              <text class="paragraph">
                6.1 您可以随时停止使用本应用。
              </text>
              <text class="paragraph">
                6.2 如您违反本协议，我们有权暂停或终止您的账号使用权限。
              </text>
              <text class="paragraph">
                6.3 协议终止后，我们有权根据法律法规的要求保留您的相关信息。
              </text>
            </view>
          </view>
        </block>
        
        <!-- 隐私政策内容 -->
        <block v-else-if="type === 'privacy'">
          <view class="section">
            <view class="section-title">1. 引言</view>
            <view class="section-content">
              <text class="paragraph">
                本隐私政策旨在帮助您了解我们如何收集、使用、存储和分享您的个人信息，以及您享有的相关权利。请您在使用本应用前仔细阅读并理解本隐私政策。
              </text>
            </view>
          </view>
          
          <view class="section">
            <view class="section-title">2. 我们收集的信息</view>
            <view class="section-content">
              <text class="paragraph">
                2.1 您主动提供的信息：包括但不限于注册信息（如用户名、手机号码、电子邮箱）、个人资料（如头像、昵称）以及您在使用本应用时创建的内容（如待办事项、心愿清单等）。
              </text>
              <text class="paragraph">
                2.2 设备信息：我们可能收集您使用本应用的设备信息，包括设备型号、操作系统版本、设备标识符、IP地址等。
              </text>
              <text class="paragraph">
                2.3 使用数据：我们可能收集您使用本应用的相关数据，如访问时间、使用时长、使用频率等。
              </text>
            </view>
          </view>
          
          <view class="section">
            <view class="section-title">3. 信息的使用</view>
            <view class="section-content">
              <text class="paragraph">
                3.1 提供、维护和改进服务：我们使用收集的信息来提供、维护和改进本应用的功能和服务。
              </text>
              <text class="paragraph">
                3.2 个性化体验：基于您的使用习惯和偏好，为您提供个性化的服务和内容推荐。
              </text>
              <text class="paragraph">
                3.3 安全保障：用于身份验证、账号安全保护以及防范欺诈和不当行为。
              </text>
              <text class="paragraph">
                3.4 通信联络：用于向您发送服务通知、更新提醒或回应您的请求和问询。
              </text>
            </view>
          </view>
          
          <view class="section">
            <view class="section-title">4. 信息的共享</view>
            <view class="section-content">
              <text class="paragraph">
                4.1 除以下情况外，未经您同意，我们不会与任何第三方分享您的个人信息：
              </text>
              <text class="paragraph">
                (1) 根据法律法规的要求或政府机关的强制命令；
              </text>
              <text class="paragraph">
                (2) 为保护我们、您或公众的权益、财产或安全；
              </text>
              <text class="paragraph">
                (3) 在获得您明确同意的情况下。
              </text>
            </view>
          </view>
          
          <view class="section">
            <view class="section-title">5. 信息的存储与保护</view>
            <view class="section-content">
              <text class="paragraph">
                5.1 我们采取合理的技术措施保护您的个人信息安全，防止信息泄露、损毁或丢失。
              </text>
              <text class="paragraph">
                5.2 我们会在法律法规要求的期限内保存您的个人信息，超出必要期限后将对信息进行删除或匿名化处理。
              </text>
            </view>
          </view>
          
          <view class="section">
            <view class="section-title">6. 您的权利</view>
            <view class="section-content">
              <text class="paragraph">
                6.1 访问和更正：您有权访问和更正您的个人信息。
              </text>
              <text class="paragraph">
                6.2 删除：在特定情况下，您有权要求删除您的个人信息。
              </text>
              <text class="paragraph">
                6.3 撤回同意：您有权随时撤回您之前对个人信息处理的同意。
              </text>
              <text class="paragraph">
                6.4 注销账号：您可以通过本应用的设置功能注销您的账号。
              </text>
            </view>
          </view>
          
          <view class="section">
            <view class="section-title">7. 隐私政策的更新</view>
            <view class="section-content">
              <text class="paragraph">
                我们可能会不时更新本隐私政策。当隐私政策发生重大变更时，我们会通过应用内通知或其他适当方式通知您。
              </text>
            </view>
          </view>
        </block>
      </view>
    </scroll-view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      type: 'user', // 默认显示用户协议
      title: '用户协议'
    }
  },
  onLoad(options) {
    // 根据参数决定显示用户协议还是隐私政策
    if (options && options.type) {
      this.type = options.type
      this.title = this.type === 'user' ? '用户协议' : '隐私政策'
    }
    
    // 设置导航栏标题
    uni.setNavigationBarTitle({
      title: this.title
    })
  }
}
</script>

<style lang="scss" scoped>
.container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.header {
  padding: 40rpx 30rpx 20rpx;
  border-bottom: 1rpx solid #eee;
}

.title {
  font-size: 36rpx;
  font-weight: bold;
  color: #333;
  display: block;
  margin-bottom: 10rpx;
}

.date {
  font-size: 24rpx;
  color: #999;
}

.content-scroll {
  flex: 1;
  height: 0;
}

.content {
  padding: 30rpx;
}

.section {
  margin-bottom: 40rpx;
}

.section-title {
  font-size: 32rpx;
  font-weight: 500;
  color: #333;
  margin-bottom: 20rpx;
}

.section-content {
  padding-left: 10rpx;
}

.paragraph {
  font-size: 28rpx;
  color: #666;
  line-height: 1.6;
  display: block;
  margin-bottom: 20rpx;
}
</style> 